@media only screen and (max-width: 1080px){
.pad_xbig{ padding: 80px 60px; }
.pad_big{ padding: 60px; }
.pad_med{ padding: 40px; }
.pad_small{ padding: 30px; }
.pad_xsmall{ padding: 30px; }
.pad_top{ padding-top: 30px; }
.pad_top_med{ padding-top: 40px; }
.pad_btm_med{ padding-bottom: 40px; }
.pad_top_big{ padding-top: 60px !important; }
.pad_btm_big{ padding-bottom: 60px !important; }
.grid .wrapper.pad_big{ padding: 50px; }
.grid .wrapper.pad_med, .grid .project.preview .pad_med{ padding: 30px; }

.with_bg.parallax{ background-attachment: inherit; }
.with_bg.parallax50{ background-attachment: inherit; background-position: center; }

#header .toggle{ display: none; }
#nav_btn{ display: block; float: right; padding: 40px 30px; margin: 0; cursor: pointer; }
#nav_btn span, #nav_btn span:before, #nav_btn span:after{ 
width: 28px; 
height: 2px; 
float: left; 
display: block; 
background: #0d3b3f; 
position: relative; 
text-indent: -9000px; 
-webkit-transition: all 100ms ease-in-out;
-moz-transition: all 100ms ease-in-out;
-ms-transition: all 100ms ease-in-out;
-o-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
}
#nav_btn span{ margin: 9px 0; }
#nav_btn span:before, #nav_btn span:after{ content: ''; position: absolute; }
#nav_btn span:before{ top: -8px; }
#nav_btn span:after{ bottom: -8px; }
#nav_btn.active span{ background-color: transparent; }
#nav_btn.active span:before, #nav_btn.active span:after{ top: 0; }
#nav_btn.active span:before{ transform: rotate(45deg); -webkit-transform: rotate(45deg); }
#nav_btn.active span:after{ transform: translateY(-10px) rotate(-45deg); -webkit-transform: translateY(-10px) rotate(-45deg); top: 10px; }

#header #nav{ width: 100%; height: calc(100vh - 100px); margin-left: 0; background: #fff; position: fixed; top: 100px; left: 0; right: 0; bottom: 0; z-index: 9998; overflow: auto; -webkit-overflow-scrolling: auto; }
#header #nav ul.menu{ width: 100%; padding-top: 110px; margin-right:0; }
#header #nav ul.menu li{ width: 100%; float: left; border-top: 1px solid #ddd; position:relative; }
#header #nav > ul.menu > li > .sub-wrapper{ position:relative; top: 0; height: auto; }
#header #nav > ul.menu > li > .sub-wrapper{padding: 0;}
#header #nav > ul.menu > li > .sub-wrapper .projects.grid{padding:10px;border-top: 1px solid #d5d5d5;}
#header #nav .sub-wrapper .menu-item-list-box ul li{ border-bottom:0; }
#header .project.preview.featured .wrap-box{ height:540px !important; }
#header #nav .sub-wrapper .menu-item-list-box{width:100%;clear: both;padding: 0;}
#header #nav > ul.menu > li > .sub-wrapper > .menu-item-list-box > ul{ padding: 0; height: auto; background:transparent; }
#header #nav .sub-wrapper .menu-item-list-box ul li a{
	    height: 50px;
	    font-size: 13px;
	    line-height: 50px;
	    padding: 0 20px;
	    font-weight: 400;
	    font-family: 'Open Sans', sans-serif;
}
#header #nav .sub-wrapper .menu-item-list-box ul ul li.menu-item-has-children a:after, #header #nav ul.menu .dropdown_btn{ right:20px; }
#header #nav > ul.menu > li.active > .sub-wrapper{display:block;box-shadow: none;width: 100%;}
#header #nav ul.menu li a{ height: 60px; line-height: 66px; padding: 0 20px; }
#header #nav ul.menu li a:hover{ color: #166936; }

#header #nav > ul.menu > li.simple-menu .sub-wrapper.a1 ul.parent-lvl-2 li a{ 
height: 50px;
font-size: 13px;
line-height: 50px;
padding: 0 20px 0 35px;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
}
#header #nav > ul.menu > li.simple-menu .sub-wrapper.a1 ul.parent-lvl-2 li:last-child{ border-bottom: 0; }

#header #nav .cta_btn{ width: 100%; position: fixed; top: 100px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #f6f6f6; margin: 0; padding: 20px; } 
#header #nav .cta_btn .btn{ width: 100%; height: auto; font-size: 22px; line-height: 24px; padding: 24px 40px 20px 40px; }

.grid-new-setup.cols4{grid-template-columns: repeat(2, 1fr);}
}
@media only screen and (max-width: 900px){
	.green-block,
	.trusted-brands-wrapper{
		flex-direction: column;
	}
	.trusted-brands-wrapper .the-brands,
	.trusted-brands-wrapper .content-wrap{ width:100%; }
	
	#footer .nav > ul{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.green-block{ gap: 30px; align-items: flex-start; }
	
	.flex-article-wrap{ flex-wrap:wrap; }
	.flex-article-wrap .post-listing{ padding-right:0; border-right:0; }
	.flex-article-wrap .widget-section{ flex: 0 0 100%; padding-left:0; margin-top: 60px; }
}

@media only screen and (max-width: 680px){
	#footer .footer-wrapper{
		flex-direction: column;
	}
    #footer .nav > ul {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
	.grid-new-setup.cols4{grid-template-columns: repeat(1, 1fr);}
	
	#footer .footer-logo{
		margin-left:0;
		padding-left: 0;
		border-left:0;
		border-top: 1px solid #3d6265;
	}
}

@media only screen and (max-width: 480px){
.pad_xbig{ padding: 35px; }
.pad_big{ padding: 35px; }
.pad_med{ padding: 30px; }
.pad_small{ padding: 30px; }
.pad_xsmall{ padding: 30px; }
.pad_xxsmall{ padding: 20px; }
.grid .wrapper.pad_big{ padding: 25px; }
.grid .wrapper.pad_med{ padding: 20px; }
.pad_top_xbig{ padding-top: 80px !important; }

.marg20{ margin: 0 0 15px; }
.marg30{ margin: 0 0 20px; }
.marg40{ margin: 0 0 30px; }
.marg50{ margin: 0 0 40px; }
.marg60{ margin: 0 0 50px; }


  .section .header h1 {
    font-size: 46px;
    line-height: 48px;
  }

  .section .header h1.big {
    font-size: 38px;
    line-height: 40px;
  }
.article .content h2,
  .section .header h1.big2 {
    font-size: 32px;
    line-height: 34px;
  }

  .section .header h1.med {
    font-size: 28px;
    line-height: 30px;
  }

  .section .header h1.small {
    font-size: 20px;
    line-height: 24px;
  }

	.article .content h3,
  .section .header h2 {
    font-size: 28px;
    line-height: 30px;
  }

  .section .header h2.big {
    font-size: 46px;
    line-height: 48px;
  }

  .section .header h2.med {
    font-size: 28px;
    line-height: 30px;
  }

  .section .header h2.small {
    font-size: 20px;
    line-height: 24px;
  }

.article .content h4,
  .section .header h3 {
    font-size: 20px;
    line-height: 22px;
  }

  .section .header h3.big {
    font-size: 22px;
    line-height: 24px;
  }

  .section .header h3.big2 {
    font-size: 38px;
    line-height: 40px;
  }
.article .content h5,
  .section .header h4 {
    font-size: 16px;
    line-height: 20px;
  }

}